// out: ../css/

@import "variables.less";

html body {
    font-size: 12px;
    background: #fff;
    font-family: '微软雅黑', 'Microsoft YaHei', 'Courier New', Courier, monospace;
    border-top: 2px solid #c59948;
    padding-top: 15px;
}


img[data-src] {
    background-size: cover;
    transition: all 0.5s;

    &.loading {
        opacity: 0;
    }
    &.loaded {
        opacity: 1;
    }
}

.header {
    margin-bottom: 1.6em;
}

.toolbar {
    .quick-link {
        .icon-location {
            &:before {
                content: none;
                display: none;
            }
        }
    }
}

.strength-bar {
    @dot-size: 14px;

    .dot {
        display: inline-block;
        width: @dot-size;
        height: @dot-size;
        border: 1px solid #000;
        border-radius: @dot-size;
    }

    &.val-1 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
            }
        }
    }

    &.val-2 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }
        }
    }

    &.val-3 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
            }
        }
    }

    &.val-4 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }
        }
    }

    &.val-5 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(3) {
                border-left-width: @dot-size/2;
            }
        }
    }

    &.val-6 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(3) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }
        }
    }

    &.val-7 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(3) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(4) {
                border-left-width: @dot-size/2;
            }
        }
    }

    &.val-8 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(3) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(4) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }
        }
    }

    &.val-9 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(3) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(4) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(5) {
                border-left-width: @dot-size/2;
            }
        }
    }

    &.val-10 {
        .dot {
            &:nth-child(1) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(2) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(3) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(4) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }

            &:nth-child(5) {
                border-left-width: @dot-size/2;
                border-right-width: @dot-size/2;
            }
        }
    }
}

#kv_wp {
    position: relative;
    //   .kv {
    //     >a {
    //       &:before {
    //         display: block;
    //         content: ' ';
    //         position: absolute;
    //         left: 0;
    //         top: 0;
    //         width: 100%;
    //         height: 100%;
    //         background-color: #000;
    //         z-index: 0;
    //         opacity: 0.5;
    //       }
    //     }
    //   }
}

.cigars_mainbox {
    .trade-box-item {
        background-color: #f4ebda;
        // max-height: 410px;

        .itemtxtbox {
            background-color: rgba(199, 151, 102, .5);
        }

        &:hover {
            .itemtxtbox {
                background-color: rgba(199, 151, 102, 0);
            }
        }

        img {
            aspect-ratio: 1.508;
        }
    }
}

.cigars_detailbox {
    .item {
        margin: 0;

        &+.item {
            margin-top: 60px;
        }

        img {
            // max-width: 60%;
            max-height: unset;
            // margin-bottom: -3em;
        }

        .icon_new {
            bottom: 0;
            height: 30px;
        }

        &[href*="566d64ba-705f-4a23-b720-610faae45ca0"] {
            h2.title {
                margin-top: 50px;
            }
        }
    }
}


.top-banner {
    .kv a {
        &>div {
            height: 560px;
            width: 1440px;
            margin-right: auto !important;
            margin-left: auto !important;
        }
    }
}
.kv {
    a {
        &[href^=javascript] {
            cursor: default;
        }
    }
}

.fullwid-anchor {
    position: absolute;
    z-index: 10000000;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.footer {
    margin-top: 120px;
}

footer {
    .col-list {
        &.desktop {
            >ul {
                >li {
                    display: none;
                    // opacity: 0;
                    transition: all 0.275s;

                    &.strong {
                        // opacity: 1;
                        display: block;
                    }
                }
            }

            // &:hover {
            //   >ul{
            //     >li{
            //       opacity: 1;
            //     }
            //   }
            // }
        }
    }

}

.popbox {
    width: 100%;
    display: none;
    font-size: 13px;
    padding-top: 30px;
    overflow-y: scroll;
    height: 100%;

    h1 {
        font-size: 18px;
        color: #454545;
        margin-bottom: 20px;
    }

    p {
        margin-bottom: 20px;
    }

    h2 {
        font-size: 16px;
        color: #8d7040;
        margin-bottom: 10px;
    }

    a {
        color: #8d7040;
    }
}

.pop_maincont {
    width: 80%;
    margin: 0px auto;
}

/**
 * 用于自适应时按比例占位
 */
img.placeholder {
    width: 100%;
}

.news-block-width {
    h1 {
        text-align: center;
        border-top: 1px solid #e8e8e7;
        border-bottom: 1px solid #e8e8e7;
        font-size: 24px;
        line-height: 2em;
        font-weight: 400;
        margin: 1.5em 0 1em;
    }

    >.wrapper {
        position: relative;
        top: 0;
        left: 0;
        min-height: 320px;

        >div {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }

    .meta {
        position: relative;
        z-index: 50;
        text-align: center;
        color: #FFF;

        >a {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            color: inherit;
            text-decoration: none;
        }

        h3 {
            position: relative;
            margin: 6em 0 4em;
            font-size: 32px;
            letter-spacing: 0.2em;
            transition: all .75s linear;

            &:after {
                display: block;
                content: '';
                width: 120px;
                height: 2px;
                background-color: #FFF;
                position: absolute;
                left: 50%;
                margin-left: -60px;
                bottom: -1em;
            }
        }

        p {
            transition: all 0.5s linear;
            margin: 1em 26%;
            font-size: 16px;
            opacity: 0;
        }

        .caps {
            text-decoration: underline;
        }

        &:hover {
            h3 {
                margin: 4.5em 0 2em;

                &:after {
                    bottom: -.6em;
                }
            }

            p {
                opacity: 1;
            }
        }
    }

    .bgvideo {
        overflow: hidden;

        video {
            width: 100%;
            height: auto;
        }
    }
}

footer .img_wechat {
    img {
        width: 60%;
        transition: all .275s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }

    &:hover {
        img {
            transform: scale(1.8, 1.8);
        }
    }
}

#info .table-wrapper ul li div.label {
    font-size: 1.16667em !important;
    line-height: 1.2em !important;
}

.map_mainbox {
    .storelist {
        cursor: default;

        &.empty {
            line-height: 8em;
            color: #CCC;
            font-style: italic;
            text-align: center;
        }

        &.has-location {
            cursor: pointer;
        }
    }
}


/* 临时屏蔽 */
.Nicaragua-Box-Pressed,
.da-wei-du-fu-jing-xuan-luo-bu-tu-xing-xue-qie-li-pin-tao-zhuang {
    display: none
}
/* 临时屏蔽 结束 */

@media(min-width: 1150px) {
    @import "override-min1025.less";
}

@media (min-width:769px) {
    @import "override-min768.less";
}

@media (max-width: 768px) {
    @import "override-max414.less";
}

@media (max-width: 320px) {
    @import "override-max320.less";
}
